<template>
  <!-- 保留你原来的模板，完全不变 -->
  <view class="login-container">
    <view class="login-box">
      <text class="title">登录</text>
      <view class="input-group">
        <input type="text" placeholder="请输入用户名" class="input" v-model="username" />
      </view>
      <view class="input-group">
        <input type="password" placeholder="请输入密码" class="input" v-model="password" />
      </view>
      <button class="login-btn" @click="handleLogin">登录</button>
      <view class="navigate-text">
        <text>没有账号？</text>
        <navigator url="/pages/Register/Register" class="navigate-link">去注册</navigator>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
      isPwdFocus: true 
    };
  },
  methods: {
    handleLogin() {
      // 保留你原来的非空校验
      if (!this.username) {
        return uni.showToast({
          title: '请输入用户名',
          icon: 'none'
        });
      }
      if (!this.password) {
        return uni.showToast({
          title: '请输入密码',
          icon: 'none'
        });
      }

      // 保留你原来的账号密码校验（cc+123456）
      if (this.username === "cc" && this.password === "123456") {
        uni.showLoading({
          title: "登录中..."
        })
        setTimeout(()=>{
          uni.hideLoading()
          uni.showToast({
            title: "登录成功",
            icon:"success"
          });
		  // 关键：更新全局状态
		            const app = getApp();
		            app.globalData.username = this.username;
		            app.globalData.isLogin = true;


          // 新增：登录成功后存储用户名到缓存（核心步骤）
          uni.setStorageSync("userInfo", {
            username: this.username // 把输入的用户名存起来
          });

          // 新增：把底部tabBar的“未登录”改成“我的”（索引3对应第4个tab）
          uni.setTabBarItem({
            index: 3,
            text: "我的"
          });

          // 替换原来的“跳转到index”：改为返回“我的页面”
          uni.navigateBack({
            delta: 1 // 返回上一级页面（即我的页面）
          })
          
        },1000)
      } else {
        uni.showToast({
          title: "密码错误，请重新输入"
        });
        this.password=""
        this.isPwdFocus=true
      }
    }
  }
};
</script>

<style>
/* 完全保留你原来的样式，一个字符都没改 */
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f5f5f5;
}
.login-box {
  width: 80%;
  max-width: 400px;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.title {
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.input-group {
  margin-bottom: 15px;
}
.input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.login-btn {
  width: 100%;
  background-color: #007aff;
  color: #fff;
  border-radius: 4px;
  padding: 10px;
  font-size: 16px;
}
.login-btn:active {
  background-color: #0062cc;
}
.navigate-text {
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
}
.navigate-text text,
.navigate-text navigator {
  display: inline-block;
}
.navigate-link {
  color: #007aff;
  text-decoration: none;
  margin-left: 4px;
}
</style>